<template>
    <div v-for="(item,index) in routerList" class="menu" :key="index">
        <div class="menu-item">
            {{ item.name }}
            <div class="menu-subItem" v-for="(subItem,index) in item.list" @click="toSubPage(subItem.link)" :key="index">
                {{ subItem.name }}
            </div>
        </div>
    </div>
</template>
<script setup>
const routerList = [
    {
        name: 'micro-app',
        list: [
            {
                name: '微前端',
                link:  ''
            }, {
                
            }, {
                
            }
        ]
    },
    {
        name: 'gpt',
        list: []
    }
]
</script>
<style>
.menu-item{
    font-size: 24px;
    margin: 20px 0px;
}
.menu-subItem{
    color: #0000ee;
    font-size: 16px;
    margin: 16px 0px;
    cursor: pointer;
}
</style>